<template>
  <div>
    <!--
            传递数据： 属性中传递
            传递标签： 在标签内部传递
         -->
    <SonSlot>
<!-- v-slot:只能放在组件中 
如果元素不是组件  需要在外面添加一个template  然后v-slot 写在template-->
      <template v-slot:btn>
        <button>按钮1</button>
      </template>
      <template v-slot:img>
        <img src="../images/a.jpg" />
      </template>
    </SonSlot>
    <hr />
    <SonSlot>
      <template #btn>
        <button>按钮2</button>
      </template>
      <template #img>
        <img src="../images/b.jpg" />
      </template>
    </SonSlot>
  </div>
</template>

<script>
import SonSlot from "./SonSlot";
export default {
  components: {
    SonSlot,
  },
};
</script>

<style></style>
